<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="es-ES"><head>
<meta charset="utf-8">
<title>Mi pagina</title>
<link media="screen" href="css/login.css" type="text/css" rel="stylesheet">
<link media="screen" href="css/template.css" type="text/css" rel="stylesheet">

<!--script para lightbox -->
<script type="text/javascript" src="js/lightbox/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="js/lightbox/jquery.lightbox.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="javascript/lightbox/themes/default/jquery.lightbox.ie6.css" /><![endif]-->
<script type="text/javascript" src="js/lightbox/jquery.lightbox.js"></script>
  <script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery('.lightbox').lightbox();
    });
  </script>
<!--fin delightbox -->
</script>
</head>
<body>

<header>
	<div id="logo">
    	<img src="img/logo_blanco.png"  width="270" height = "90"/>
    </div>
    
    <div id="titulo_principal">
    	Sistema de Revisión de Practicas Pre-profesionales, Informe por Experiencia y Tesis - SRPPIET
    </div>
    
    <div id="info_usuario">
    	<div id="nom_usuario">Daniel Barreto</div>
        <div id="tipo_usuario">Revisor/Jurado/Asesor</div>
    	<div id="logout">
        	<a href="#">
            	<img src="img/icon_logout.png"  style="float: left;margin-left: 17px;"/>
            	<div style="float: right;margin-top: 5px;">Cerrar Sesion</div>
            </a>
        </div>
    </div>
    
   <div class="clear"></div>
    
</header>

<br />
<div style="height: auto;min-width: 1196px;">
<aside>
    <!--<div id="sidebar">-->
        <ul class="mainNav">
          <li>
              <a href="#"><img src="img/icon_admin.png"/><br>Practicas Pre-Profesionales</a>
          </li>
          <li class="active">
              <a href="ui.html"><img src="img/icon_academic.png"/><br>Informe por Experiencia/Tesis</a>
          </li>
          <!--li>
              <a href="form.html"><img src="img/icon_report.png"/><br>Reportes</a>
          </li-->
          <!--li>
             <a href="messages.html"><img src="img/icon_consulta.png"/><br>Mantenimientos</a>
          </li-->				
        </ul>
   <!-- </div>-->
</aside>


<nav style = "width: 92%;float: left;">
        <div id='cssmenu'>
            <ul>
               <a href='index.html' class='active' ><li><span>EVALUAR</span><br />Evaluar Tesis/IEP</li></a>
               <a href='#'><li><span>REVISIONES</span><br />Consultar revisiones</li></a>
               <a href='#'><li><span>ALUMNO</span><br />Enviar correo a Alumno</li></a>
               <!--a href='#'><li><span>CANVAS</span><br />Env&iacute;o de Correo(usuar&iacute;os y contraseñas)</li></a>
               <a href='#'><li><span>INTEGRACION</span><br />Archivos Xmls de FTP - AP</li></a>
               <a href='#'><li class='last'><span>NOTAS</span><br />Genera Csv de notas para SICAT</li></a-->
            </ul>
         </div>
</nav>
    
<section style = "width: 92%;float: left;">  
 	<div style="margin: 0;  padding: 0; width: auto; position: relative;display: block;  font-size: 12px;  background: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;  margin-left: 20px; margin-top: 10px">

	</div>
</section>
</div>

<footer>
	<div id="derechos-reservados">
         <div class="logo-footer">
                   <img src="http://www.usmpvirtual.edu.pe/wp-content/themes/newuva/images/bg_footer-logo.png">
         </div>
         <div class="copy">©2014 USMP Virtual. Todos los derechos reservados</div>
      	 <div class="clear"></div>
    </div>
</footer>

</body>
</html>

